89:I[903690,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"ExplicitChatIdProvider"] 8a:I[838238,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"SWRDataProvider"] 8d:I[589831,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"TemplateImage"] 8e:I[507037,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"PrefetchLinkAndRefreshOnHover"] 8b:T1643,[V0_FILE]typescriptreact:file="components/kokonutui/background-circles.tsx" "use client" import { motion } from "framer-motion" import clsx from "clsx" import { useState } from "react" interface BackgroundCirclesProps { title?: string description?: string className?: string variant?: keyof typeof COLOR_VARIANTS } const COLOR_VARIANTS = { primary: { border: ["border-emerald-500/60", "border-cyan-400/50", "border-slate-600/30"], gradient: "from-emerald-500/30", }, secondary: { border: ["border-violet-500/60", "border-fuchsia-400/50", "border-slate-600/30"], gradient: "from-violet-500/30", }, tertiary: { border: ["border-orange-500/60", "border-yellow-400/50", "border-slate-600/30"], gradient: "from-orange-500/30", }, quaternary: { border: ["border-purple-500/60", "border-pink-400/50", "border-slate-600/30"], gradient: "from-purple-500/30", }, quinary: { border: ["border-red-500/60", "border-rose-400/50", "border-slate-600/30"], gradient: "from-red-500/30", }, // red senary: { border: ["border-blue-500/60", "border-sky-400/50", "border-slate-600/30"], gradient: "from-blue-500/30", }, // blue septenary: { border: ["border-gray-500/60", "border-gray-400/50", "border-slate-600/30"], gradient: "from-gray-500/30", }, octonary: { border: ["border-red-500/60", "border-rose-400/50", "border-slate-600/30"], gradient: "from-red-500/30", }, } as const const AnimatedGrid = () => (

) export function BackgroundCircles({ title = "Background Circles", description = "Optional Description", className, variant = "octonary", }: BackgroundCirclesProps) { const variantStyles = COLOR_VARIANTS[variant] const variants = Object.keys(COLOR_VARIANTS) as (keyof typeof COLOR_VARIANTS)[] return (

{[0, 1, 2].map((i) => (

))}

{title}

{description} · Kokonut UI

) } export function DemoCircles() { const [currentVariant, setCurrentVariant] = useState("octonary") const variants = Object.keys(COLOR_VARIANTS) as (keyof typeof COLOR_VARIANTS)[] function getNextVariant() { const currentIndex = variants.indexOf(currentVariant) const nextVariant = variants[(currentIndex + 1) % variants.length] return nextVariant } return ( <>

) } 7f:["$","$L89",null,{"chatId":"3Jcx4oeXvcv","children":["$","$L8a",null,{"data":{"@\"active-block\",\"3Jcx4oeXvcv\",":{"id":"b_vd8NJCTStOI","messageId":"iFHdiAgv9dHshANU491jKlTJHls6ofbC","source":"$8b","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"background-circles","type":"code-project","project":"background-circles"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"3Jcx4oeXvcv\",":false,"":null},"children":"$L8c"}]}] 83:["$","$L70","DuidKNEmCKf",{"value":{"fallback":{"template:DuidKNEmCKf:likes":{"likeCount":651,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L8d",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202025-02-02%20at%2011.59.47%E2%80%AFAM-JeiQvFDVyzDHJ25ofDg2yidnXYcur9.png","alt":"","templateCanonId":"DuidKNEmCKf","blockId":"b_pSgXIYMV4aS"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L8e",null,{"href":"/templates/DuidKNEmCKf","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L8e",null,{"href":"/templates/DuidKNEmCKf","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L8e",null,{"href":"/templates/DuidKNEmCKf","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L75",null,{"teamId":"$undefined","authorId":"EHNrlbkVZKuP8TxtAXO26Vkf"}],["$","$L8e",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/DuidKNEmCKf","tabIndex":-1,"prefetch":false,"children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Financial Dashboard"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L8f"]}],"$L90","$L91"]}]]}]}]]}]]}]}] 85:["$","$L70","s2R42ut7CxT",{"value":{"fallback":{"template:s2R42ut7CxT:likes":{"likeCount":211,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L8d",null,{"index":2,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202025-01-31%20at%209.16.51%E2%80%AFPM-fT5azSDEb542Hz6XyGBHR813UQ5WvO.png","alt":"","templateCanonId":"s2R42ut7CxT","blockId":"b_dgtjehEobtM"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L8e",null,{"href":"/templates/s2R42ut7CxT","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L8e",null,{"href":"/templates/s2R42ut7CxT","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L8e",null,{"href":"/templates/s2R42ut7CxT","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L75",null,{"teamId":"$undefined","authorId":"EHNrlbkVZKuP8TxtAXO26Vkf"}],["$","$L8e",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/s2R42ut7CxT","tabIndex":-1,"prefetch":false,"children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Background Paths"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L92"]}],"$L93","$L94"]}]]}]}]]}]]}]}] 86:["$","$L70","f9RxxmipCpn",{"value":{"fallback":{"template:f9RxxmipCpn:likes":{"likeCount":16,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L8d",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/Screenshot%202026-01-09%20at%209.47.13%E2%80%AFPM-doITqIOfRek2TFR225cf4DvZicscSK.png","alt":"","templateCanonId":"f9RxxmipCpn","blockId":"b_2fNOLPIXx54"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L8e",null,{"href":"/templates/f9RxxmipCpn","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L8e",null,{"href":"/templates/f9RxxmipCpn","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L8e",null,{"href":"/templates/f9RxxmipCpn","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L75",null,{"teamId":"$undefined","authorId":"ypJr4iEotLD2uk4Onj0zM5lt"}],["$","$L8e",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/f9RxxmipCpn","tabIndex":-1,"prefetch":false,"children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Premium Resend Email Form Templates - 26+ Variants"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L95"]}],"$L96","$L97"]}]]}]}]]}]]}]}] 87:["$","$L70","xU39T0XywpR",{"value":{"fallback":{"template:xU39T0XywpR:likes":{"likeCount":716,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L8d",null,{"index":1,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/assets/newsletter-community-screenshot-kN6E74Wq0dby8aMfCMus03w3yJEaLi.png","alt":"","templateCanonId":"xU39T0XywpR","blockId":"b_6rNKvvU4CnO"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L8e",null,{"href":"/templates/xU39T0XywpR","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L8e",null,{"href":"/templates/xU39T0XywpR","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L8e",null,{"href":"/templates/xU39T0XywpR","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L75",null,{"teamId":"$undefined","authorId":"ZNJvi2SET9uoaJJF75wa6XiN"}],["$","$L8e",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/xU39T0XywpR","tabIndex":-1,"prefetch":false,"children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Newsletter Template"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L98"]}],"$L99","$L9a"]}]]}]}]]}]]}]}]

About

Tags

Share

About

Tags

Share

More from kokonut

More Templates Like This